$(function(){
  //点击去注册按钮
  $(`#link_reg`).on(`click`,function(){
    $(`.reg-box`).show();
    $(`.login-box`).hide();
  })
//点击去登录按钮
  $(`#link_login`).on(`click`,function(){
    $(`.reg-box`).hide();
    $(`.login-box`).show();
  })

  ///定义校验规则
  const form = layui.form;
  const layer = layui.layer;
  form.verify({
     // 自定义了一个叫做 pwd 校验规则(密码的校验规则)
     pwd: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],
     // 校验两次密码是否一致的规则
     repwd:function(value){
       // 通过形参拿到的是确认密码框中的内容
      // 还需要拿到密码框中的内容
      // 然后进行一次等于的判断
      // 如果判断失败,则return一个提示消息即可
      const pwd = $(`.reg-box [name=password]`).val();
      if(pwd!==value){
        return `密码不一致`
      }
     }
    
  })

  //监听注册表单的提交事件
$(`#formReg`).on(`submit`,function(e){
  //阻止默认的提交行为
  e.preventDefault();
  console.log(`123`);
  // 发起Ajax的POST请求
  $.ajax({
  url:'/api/reguser',
  method:`POST`,
  data:{
    username:$(`.reg-box [name=username]`).val(),
    password:$(`.reg-box [name=password]`).val(),
  },
  success(res){
    if(res.status!==0){
      return layer.msg(res.message);
    }
    layer.msg('注册成功!');
     // 模拟人的点击行为
     $('#link_login').click()
    }
   }) 
 })

 //监听登录表单的提交事件
 $(`#form_login`).on(`submit`,function(e){
  e.preventDefault();
  $.ajax({
    url:`/api/login`,
    method:`POST`,
     // 快速获取表单中的数据
    data: $(this).serialize(),
    success:function(res){
      if(res.status !==0){
        return layer.msg(`登录失败 !`)
      }
      // 成功
      layer.msg(`登录成功 !`)
      // 跳转到后台主页(保存token)
      localStorage.setItem(`token`,res.token)
      location.href = `/home/index.html`
    }
  })
 })
})